#app, body, html{
    height: 100%;
}
body{
    background-color: @background-color-base;
    font-size: 16px;
}

// 隐藏滚动条样式
.i-scrollbar-hide{
    &::-webkit-scrollbar{
        width: 0;
    }
    &::-webkit-scrollbar-track{
        background-color: transparent;
    }
    &::-webkit-scrollbar-thumb{
        background: #e8eaec;
    }
}

// 极简滚动条样式
.i-scrollbar{
    &::-webkit-scrollbar{
        width: 4px;
    }
    &::-webkit-scrollbar-track{
        background-color: transparent;
    }
    &::-webkit-scrollbar-thumb{
        border-radius: 4px;
    }
}

// 去除 Table 的左右边框，更精简
.i-table-no-border{
    .ivu-table th{
        background-color: #fff;
    }
    .ivu-table-wrapper, .ivu-table tr:last-child td{
        border: none;
    }
    .ivu-table:before, .ivu-table:after{
        display: none;
    }
}
.ivu-layout{
    background:@background-color-base;
}
.ivu-menu-light{
    background: #0b1d4d;
}
.ivu-tree-title{

}

.ivu-select-dropdown{
    z-index: 9999;
}
.ivu-spin-fix{
    background-color:rgba(255,255,255,.1) !important
}
.beside-tree{
    height:calc(~"100vh - 60px");
    width:296px;
    //border-right: 1px solid rgba(160, 159, 159, 0.1);
    margin-top:60px;
}
.ivu-layout{
    flex-direction:inherit !important;
    // background:#1c252f
}
.i-layout-header{
    //border-bottom:0 none !important;
    box-shadow: 0px 1px 10px 0px rgba(2, 6, 9, 0.56);
}
.mapInputBorder{
    position:absolute;
    display:block;
    width:8px;
    height:8px;
    content: ' ';
    z-index:999;

}
.map-form{
    .ivu-select-input{
        background:#10304E
    }
    .ivu-select{
        position:relative;
        &::before{
            border-left: 1px solid #35DDF9;
            border-radius:4px 0 0 0;
            left:0;
        }
        &::after{
            right:0;
            border-right: 1px solid #35DDF9;
            border-radius: 0 4px 0 0;

        }
        &::before,&::after{
            .mapInputBorder();
            top: 0;
            border-top: 1px solid #35DDF9;
        }
    }
    .ivu-select-selection{
        //border-color: #093661 !important;
        &::before{
            border-left: 1px solid #35DDF9;
            border-radius:0 0 0 4px;
            left:0;
        }
        &::after{
            right:0;
            border-right: 1px solid #35DDF9;
            border-radius: 0 0 4px 0;

        }
        &::before,&::after{
            .mapInputBorder();
            border-bottom: 1px solid #35DDF9;
            bottom: 0;
        }
    }
}
@keyframes shake-slow {
    10% {
        transform:rotate(3.5deg);
    }
    20% {
        transform:rotate(-3.5deg);
    }
    30% {
        transform:rotate(3.5deg);
    }
    40% {
        transform:rotate(-3.5deg);
    }
    50% {
        transform:rotate(3.5deg);
    }
    60% {
        transform:rotate(-3.5deg);
    }
    70% {
        transform:rotate(3.5deg);
    }
    80% {
        transform:rotate(-3.5deg);
    }
    90% {
        transform:rotate(3.5deg);
    }

    0%,  100% {
        transform: rotate(-3.5deg);
    }
}

.shake-slow {
    animation: shake-slow 1s infinite ease-in-out;
    transform-origin: center center;
}
.ivu-tree-title:hover{
    background: #008aff !important;
}
.ivu-tree{
    .ivu-tree-title{
        overflow-x: auto;
        display:inline-block;
        // width: 140px;
        &::-webkit-scrollbar{
            width: 2px;
            height: 3px;
        }
        &::-webkit-scrollbar-track{
            background-color: #283340;
            width: 2px;
        }
        &::-webkit-scrollbar-thumb{
            border-radius: 2px;
        }
    }
    &>ul>li{
        &>.ivu-tree-title{
            width: 180px;
        }
        &>ul>li{
            &>.ivu-tree-title{
                // width: 160px;
                &>ul>li{
                        &>.ivu-tree-title{
                        width: 130px;

                    }
                }
            }
        }
    }
}
